.u-switch {
  position: relative;
  /* #ifndef APP-NVUE */
  display: inline-block;
  /* #endif */
  box-sizing: initial;
  width: 2em;
  height: 1em;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 1em;
  transition: background-color 0.3s;
  font-size: 50rpx;
}

.u-switch__node {
  // @include vue-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
  z-index: 1;
  background-color: #fff;
  background-color: #fff;
  box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1),
    0 3px 3px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1),
    0 3px 3px 0 rgba(0, 0, 0, 0.05);
  transition: transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);
  transition: transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05),
    -webkit-transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);
  transition: transform cubic-bezier(0.3, 1.05, 0.4, 1.05);
  transition: transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);
}

.u-switch--on {
  background-color: var(--app-color);
}

.u-switch--on .u-switch__node {
  transform: translateX(100%);
}

.uni-tabbar,
.uni-tabbar-bottom {
  display: none !important;
  height: 0 !important;
  z-index: 0;
}

.u-btn--bold-border {
  border: none !important;
}

.rtl .uni-input-placeholder,
.rtl .input-placeholder {
  text-align: right;
}

.rtl uni-input {
  text-align: right !important;
}

.ltr uni-input {
  text-align: left !important;
}

.center uni-input {
  text-align: center !important;
}

// #ifdef APP-PLUS
.u-scroll-list__indicator {
  display: none !important;
}

.u-scroll-list__indicator__line {
  display: none !important;
}

// #endif
.u-scroll-list__indicator {
  margin-top: 10px !important;
}

.empty {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-bottom: 50rpx;
  position: relative;
}

.empty-dot {
  width: 160rpx;
  position: relative;
  text-align: center;
}

.empty-dot-text {
  width: 5px;
  height: 5px;
  background-color: #ececec;
  border-radius: 50%;
  display: inline-block;
}

.empty-dot::before {
  position: absolute;
  width: 50rpx;
  content: "";
  top: 50%;
  left: 0%;
  height: 1rpx;
  border-radius: 30rpx;
  background-color: #ececec;
}

.empty-dot::after {
  position: absolute;
  width: 50rpx;
  content: "";
  top: 50%;
  right: 0%;
  height: 1rpx;
  border-radius: 30rpx;
  background-color: #ececec;
}

.u-textarea {
  background: transparent !important;
}

.button {
  transition: background-color 0.3s, transform 0.1s;
}
.button:active {
  // background-color: white; /* Darker color on click */
  transform: scale(0.98); /* Slightly shrink the button */
}

.picker-dir .u-picker__view__column__item {
  unicode-bidi: plaintext !important;
}
.u-picker__view__column__item,
.u-toolbar__wrapper__confirm,
.u-toolbar__wrapper__cancel,
.u-toolbar__title {
  font-size: 36rpx !important;
}

.wx-button button {
  background-color: initial;
  height: 100%;
  position: absolute;
  right: 0rpx;
  top: 0rpx;
  width: 100%;
}

.wx-button button::after {
  border: 0;
}

.rtl ::v-deep .uni-textarea-placeholder {
  text-align: right !important;
}
